<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!--
    Customize this policy to fit your own app's needs. For more guidance, see:
        https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy
    Some notes:
        * gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
        * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
        * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
            * Enable inline JS: add 'unsafe-inline' to default-src
    -->
    <meta http-equiv="Content-Security-Policy"
          content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="theme-color" content="#2196f3">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <title>My App</title>

    <!--<link rel="stylesheet" href="framework7/css/framework7.ios.css">-->
    <link rel="stylesheet" href="framework7/css/framework7.min.css">
    <link rel="stylesheet" href="css/icons.css">
    <link rel="stylesheet" href="css/app.css">
</head>
<body>
<div id="app">
    <!-- Status bar overlay for fullscreen mode-->
    <div class="statusbar"></div>
    <!-- Left panel with cover effect-->
    <div class="panel panel-left panel-cover theme-dark">
        <div class="view">
            <div class="page">
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="title">Left Panel</div>
                    </div>
                </div>
                <div class="page-content">
                    <div class="block">Left panel content goes here</div>
                </div>
            </div>
        </div>
    </div>
    <!-- Right panel with reveal effect-->
    <div class="panel panel-right panel-reveal theme-dark">
        <div class="view">
            <div class="page">
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="title">Right Panel</div>
                    </div>
                </div>
                <div class="page-content">
                    <div class="block">Right panel content goes here</div>
                </div>
            </div>
        </div>
    </div>

    <!-- Your main view, should have "view-main" class -->
    <div class="view view-main ios-edges">
        <!-- Page, data-name contains page name which can be used in callbacks -->
        <div class="page" data-name="home">
            <!-- Top Navbar -->
            <div class="navbar text-center">
                <div class="navbar-inner  bgcolor">
                    <div class="left">
                        <a href="#" class="link back">
                            <i class="icon icon-back"></i>
                            <span class="ios-only">Back</span>
                            <!--<span>返回</span>-->
                        </a>
                    </div>
                    <div class="title sliding center-btn">软件信息管理</div>
                </div>
            </div>
            <!-- Toolbar-->
            <!--<div class="toolbar">-->
            <!--<div class="toolbar-inner">-->
            <!--<a href="#" class="link">Left Link</a>-->
            <!--<a href="#" class="link">Right Link</a>-->
            <!--</div>-->
            <!--</div>-->
            <!-- Scrollable page content-->
            <div class="page-content">
                <div class="img-top">
                    <img class="img-auto" src="./imgs/imgbox1.jpg" alt="">
                </div>
                <div class="col-60">
                    <div class="block  ">
                    <!--<button class="col button button-big button-fill center-btn btn-col-60">信息发布</button>-->
                    <a href="/addInfo/atai/"
                       class="col button button-big button-fill center-btn btn-col-60">信息发布</a>
                    </div>
                    <div class="block  ">

                        <!--<button class="col button button-big button-fill center-btn btn-col-60">信息审批</button>-->
                        <a href="#" class="col button button-big button-fill center-btn btn-col-60 popup-open"
                           data-popup="#my-popup">信息审批</a>
                    </div>


                </div>


            </div>
        </div>
    </div>

    <!-- Popup -->
    <div class="popup" id="my-popup">
        <div class="view">
            <div class="page">
                <div class="navbar bgcolor">
                    <div class="navbar-inner">
                        <div class="title">Popup</div>
                        <div class="right">
                            <a href="#" class="link popup-close">Close</a>
                        </div>
                    </div>
                </div>
                <div class="page-content">
                    <div class="block">
                        <p>Popup content goes here.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Login Screen -->
    <div class="login-screen" id="my-login-screen">
        <div class="view">
            <div class="page">
                <div class="page-content login-screen-content">
                    <div class="login-screen-title">Login</div>
                    <div class="list">
                        <ul>
                            <li class="item-content item-input">
                                <div class="item-inner">
                                    <div class="item-title item-label">Username</div>
                                    <div class="item-input-wrap">
                                        <input type="text" name="username" placeholder="Your username">
                                    </div>
                                </div>
                            </li>
                            <li class="item-content item-input">
                                <div class="item-inner">
                                    <div class="item-title item-label">Password</div>
                                    <div class="item-input-wrap">
                                        <input type="password" name="password" placeholder="Your password">
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="list">
                        <ul>
                            <li>
                                <a href="#" class="item-link list-button login-button">Sign In</a>
                            </li>
                        </ul>
                        <div class="block-footer">Some text about login information.<br>Click "Sign In" to close Login
                            Screen
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Cordova -->
<!--
<script src="cordova.js"></script>
-->

<!-- Framework7 library -->
<script src="framework7/js/framework7.min.js"></script>


<script id="card-info" type="text/template7">

    <div class="list-block">
        <ul>
        {{#each items}}
            <div class="card">
                <div class="card-header">Header</div>
                <div class="card-content card-content-padding">
                   hahahahahaha
                </div>
                <div class="card-footer">Footer</div>
            </div>
    {{/each}}
    </ul>
    </div>



    <div class="card">
        <div class="card-header">Header</div>
        <div class="card-content card-content-padding">
        <!-- Card content -->
        </div>
        <div class="card-footer">Footer</div>
        </div>

</script>

<!-- App routes -->
<script src="js/routes.js"></script>

<!-- Your custom app scripts -->
<script src="js/app.js"></script>
<script src="tmp/card-info.js"></script>

</body>
</html>
